<template>
	<view class="teacher-synopsis">
		<view class="synopsis-each" v-for="(item,index) in teacherDate" :key="index" >
			<view class="each-image">
				<image :src="item.image" mode=""></image>
			</view>
			<view class="each-rest">
				<text>姓名：{{item.name}}</text>
				<text>
					  接龙：{{item.solitaire}},作业：{{item.operation}},拍照：{{item.photograph}}
			    </text>
			</view>
		</view>
	</view>
</template>

<script>
  export default{
	  data(){
		  return{
		  }
	  },
	  props:{
		  teacherDate:{
			  type:Array,
			  default:[]
		  }
	  }
  }
</script>

<style lang="scss" scoped>
	.teacher-synopsis{
		width: 100%;
		height: 100%;
		&>.synopsis-each{
			width: 100%;
			height: 200upx;
			display: flex;
			align-items: center;
			padding: 30upx 30upx;
			box-sizing: border-box;
			position: relative;
			&::after{
				content: "";
				position: absolute;
				bottom: 0;
				right: 0;
				left: 0;
				height: 2upx;
				background: #bfbfbf;
			}
			&>.each-image{
				height: 100%;
				flex: 3;
				display: flex;
				align-items: center;
				justify-content: center;
				&>image{
					width: 150upx;
					height: 150upx;
				}
			}
			&>.each-rest{
				flex: 7;
				display: flex;
				flex-direction: column;
				height: 100%;
				&>text{
					flex: 1;
					display: flex;
					align-items: center;
					font-size: 32upx;
				}
			}
		}
	}
</style>
